import React from 'react'
import { NavLink, Route, Switch, Redirect } from 'react-router-dom'
import RankingCon from '../RankingCon'

export default function Ranking() {
  return (
    <div>
      <div className='d-flex'>
        <NavLink className='nav-link' to='/findmusic/ranking?id=bsb'>
          飙升榜
        </NavLink>
        <NavLink className='nav-link' to='/findmusic/ranking?id=xgb'>
          新歌榜
        </NavLink>
        <NavLink className='nav-link' to='/findmusic/ranking?id=ycb'>
          原创榜
        </NavLink>
      </div>
      <div>
        <Switch>
          <Route path='/findmusic/ranking' component={RankingCon} />
        </Switch>
      </div>
    </div>
  )
}
